<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>续仓</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/barnKeep.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content">				
				<div class="msg-board">
					<div class="model">C138</div>
					<div class="mid-cont">
						<div class="price">￥1100</div>
						<div class="classy">4.5m³ 高2.1m 中仓</div>
					</div>
					<div class="area">佛山南海</div>
				</div>
				<div class="seat-wrap">
					<div class="select">
						<a href="javascript:void(0);" class="smaller">小一点</a>
						<a href="javascript:void(0);" class="bigger">大一点</a>
					</div>
					<div class="region">
						<p>A区</p>
						<div class="partition">
							<div class="lists saved">
								<p class="par-num">01</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">02</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">03</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">04</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">05</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">06</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists">
								<p class="par-num">07</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">08</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">09</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">10</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">11</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">12</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">13</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">14</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">15</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists rent">
								<p class="par-num">16</p>
								<p class="par-sta">租位</p>
							</div>
							<div class="lists">
								<p class="par-num">17</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">18</p>
								<p class="par-sta">已存位</p>
							</div>
						</div>
					</div>
					<div class="mark">
						<i></i>
						<p>您的仓位</p>
					</div>
				</div>
				
				<div class="deadline">
					<div class="time">
						续费期限
						<select name="">
							<option value="1">1个月</option>
							<option value="2">3个月</option>
						</select>
					</div>
					<div class="bottom">
						<div class="offer">3个月（可享受95折）</div>
					</div>
				</div>
				
				<div class="promo-code">
					<label for="" class="prom-lab">优惠码</label>
					<input type="text" class="prom-inp" disabled=""/>
					<input type="button" value="确认" class="prom-but"/>
				</div>
				
				<ul class="sum-wrap">
					<li>
						<label for="">应付：</label>
						<p class="act-paid">￥<span>1100</span></p>
					</li>
					<li>
						<label for="">原价：</label>
						<p class="orig-price">￥1100</p>
					</li>
					<li>
						<label for="">优惠：</label>
						<p class="offer-price">-￥0</p>
					</li>
				</ul>
				
				<div class="info">我的信息</div>
				
				<input type="submit" value="确认续费" class="confirm-btn"/>
			</div>
		</div>
		
		<script type="text/javascript">
		//选择优惠
		$('.offer').click(function(){
			if($(this).hasClass('active')){
				$(this).removeClass('active');
				$('.promo-code').removeClass('on').find('.prom-inp').val('').attr({'disabled':true,'placeholder':''});
			}else{
				$(this).addClass('active');
				$('.promo-code').addClass('on').find('.prom-inp').attr({'disabled':false,'placeholder':'请输入优惠码'});
			}
		});
		</script>
	</body>
</html>
